<!DOCTYPE html>
<html lang="en">
<head>
    <title>Calendar - Month Preview</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="ComponentOne" />
    <link href="../../themes/rocket/jquery-wijmo.css" rel="stylesheet" type="text/css" />
    <script src="../../external/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="../../external/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
    <link href="../../themes/wijmo/jquery.wijmo.wijcalendar.css" rel="stylesheet" type="text/css" />
    <script src="../../external/globalize.min.js" type="text/javascript"></script>
    <script src="../../wijmo/jquery.wijmo.wijpopup.js" type="text/javascript"></script>
    <script src="../../wijmo/jquery.wijmo.wijcalendar.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#calendar1").wijcalendar({ allowPreview: true });
        });
	
    </script>
</head>
<body class="demo-single">
    <div class="container">
        <div class="header">
            <h2>
                Preview Month</h2>
        </div>
        <div class="main demo">
            <!-- Begin demo markup -->
            <div id="calendar1">
            </div>
            <!-- End demo markup -->
            <div class="demo-options">
                <!-- Begin options markup -->
                <!-- End options markup -->
            </div>
        </div>
        <div class="footer demo-description">
            <p>
                This sample illustrates the wijcalendar widget's ability to show preview months.
                To show preview months, set the allowPreview option to true. When the project is
                loaded, users can preview the next or previous month by hovering over the indicators
                on either side of the control.
            </p>
        </div>
    </div>
</body>
</html>
